// 登录注册按钮
$("form>div:first").find("span:last").addClass("active")
$("form>div:first").find("span:first").click(function () { { window.location.href = "./login.html" } })
// 聚焦事件
$(".inp").find("input").focus(function () {
  $(this).parent().addClass("foc")
  $(this).next().animate({
    "font-size": 8,
    "top": 10,
  }, 200, "linear")
})
// 失焦事件
$(".inp").find("input").focusout(function () {
  if (!this.value) {
    $(this).parent().removeClass("foc")
    $(this).next().animate({
      "font-size": 14,
      "top": 20,
    }, 200, "linear")
  }
})
// 准备一个数组
const arr =[false,false,false,false]
// 账号框验证
$(".name").on("input", function () {
  const res = $(this).val()
  const reg1 = /^[a-zA-Z0-9_-]{6,12}$/
  const reg2 = /^1[34578]\d{9}$/
  const reg3 = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/
  if (reg1.test(res) || reg2.test(res) || reg3.test(res)) {
    $(this).parent().next().css("display", "none")
    $(this).parent().removeClass("active")
    arr[0]=true
  } else {
    $(this).parent().next().css("display", "block")
    $(this).parent().addClass("active")
    arr[0]=false
  }
  flag()
})
// 密码框验证
$(".pwd").on("input", function () {
  const res = $(this).val()
  const reg = /^[a-zA-Z]\w{5,17}$/
  if (reg.test(res)) {
    $(this).parent().next().css("display", "none")
    $(this).parent().removeClass("active")
    arr[1]=true
  } else {
    $(this).parent().next().css("display", "block")
    $(this).parent().addClass("active")
    arr[1]=false
  }
  flag()
})
// 确认密码
$(".rpwd").on("input", function () {
  const reg = $(".pwd").val()
  const res = $(this).val()
  if (res === reg) {
    $(this).parent().next().css("display", "none")
    $(this).parent().removeClass("active")
    arr[2]=true
  } else {
    $(this).parent().next().css("display", "block")
    $(this).parent().addClass("active")
    arr[2]=false
  }
  flag()
})
// 昵称验证
$(".nide").on("input", function () {
  const reg = /^[\u4E00-\u9FA5\uF900-\uFA2D|\w]{2,20}$/
  const res = $(this).val()
  if (reg.test(res)) {
    $(this).parent().next().css("display", "none")
    $(this).parent().removeClass("active")
    arr[3]=true
  } else {
    $(this).parent().next().css("display", "block")
    $(this).parent().addClass("active")
    arr[3]=false
  }
  flag()
})
// 判断按钮
function flag(){
  if(arr.every(t=>t===true)){
    $("form>button").css("opacity",1)
  }else{
    $("form>button").css("opacity",0.5)
  }
}
// 注册请求
$("form").submit(async function (e) {
  e.preventDefault()
  if($("form>button").css("opacity")==0.5) return 
  if (!$(".but")[0].checked) {
    SingleTon("请您同意用户条款")
    setTimeout(function(){
      $(".popup").fadeOut(300)
    }, 1000)
    return
  }
  const res = await $.ajax({
    url: "http://localhost:8888/users/register",
    headers: { "content-type": "application/x-www-form-urlencoded" },
    method: "post",
    data: $("form").serialize()
  })
  if(res.code!=1)return
  window.location.href = "./login.html"
})


$(".inp>button").click(function(){
  $(this).find("i").toggleClass("icon-yanjing-").toggleClass("icon-biyanjing")
  if($(this).prevAll("input").prop("type")==="password"){
    $(this).prevAll("input").prop("type","text")
  }else{
    $(this).prevAll("input").prop("type","password")
  }
})